<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>登录-软件下载|教程下载|科学软件|专业软件|共享软件|使用教程|项目咨询|数值模拟</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="软件下载|教程下载|科学软件交流组|专业软件|行业软件|水利软件|环境软件|数学软件|仿真软件|结构软件|机械软件|建筑软件|设计软件|优化软件|电力软件|信息软件|生物软件|预警软件|岩土软件|流体软件|后处理软件|BIM软件|化学软件|飞行器软件|交通软件|车辆软件|地质软件|医学软件|勘测软件|编程软件|常用工具|数值模拟|安装服务|培训服务|项目咨询服务|水利环境市政">
    <meta name="author" content="idemon">

    <!-- The styles -->
    <link id="bs-css" href="${contextPath!}css/bootstrap-cerulean.min.css" rel="stylesheet">
    <link href="${contextPath!}css/charisma-app.css" rel="stylesheet">
	<link href='${contextPath!}css/jquery.iphone.toggle.css' rel='stylesheet'>
    <!-- jQuery -->
	
    <script src="${contextPath!}bower_components/jquery/jquery.min.js"></script>
	
    <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- The fav icon -->
    <link rel="shortcut icon" href="${contextPath!}img/favicon.ico">

</head>

<body>
<div class="ch-container">
    <div class="row">
        
    <div class="row">
        <div class="col-md-12 center login-header">
            <h2>欢&nbsp;迎&nbsp;登&nbsp;录</h2>
        </div>
        <!--/span-->
    </div><!--/row-->

    <div class="row">
        <div class="well col-md-5 center login-box">
            <div id="error_msg" class="alert alert-info">
            	请输入账号密码登录.
            </div>
            <form id="login_form" class="form-horizontal" action="${contextPath!}account/login" method="post">
                <fieldset>
                    <div class="input-group input-group-lg">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-user red"></i></span>
                        <input name="name" type="text" class="form-control" placeholder="请输入用户名">
                    </div>
                    <div class="clearfix"></div><br>

                    <div class="input-group input-group-lg">
                        <span class="input-group-addon"><i class="glyphicon glyphicon-lock red"></i></span>
                        <input name="password" type="password" class="form-control" placeholder="请输入密码">
                    </div>
                    <div class="clearfix"></div><br>
					
					<div class="input-group input-group-lg">
                        <span class="input-group-addon" ><i class="glyphicon glyphicon-warning-sign red"></i></span>
                        <div class="input-group-lg col-md-6" >
						<input id="validate_code_txt" name="code"  type="text" class="form-control" placeholder="请输入验证码"/>
						</div>
						<div style="float:left;width:200px;height: 50px;" id="v_container"></div>
					</div>
					
					<div class="clearfix"></div>
					<!--
                    <div class="input-prepend">
                        <label class="remember" for="remember"><input type="checkbox" id="remember"> Remember me</label>
                    </div>
					-->
                    <div class="clearfix"></div>

                    <p class="center col-md-12">
						<button id="login_button" type="button" class="btn btn-primary">登&nbsp;&nbsp;&nbsp;&nbsp;录</button>
						<button onclick="javascript:run3();" type="button" class="btn btn-primary">注&nbsp;&nbsp;&nbsp;&nbsp;册</button>
                    </p>
                </fieldset>
            </form>
        </div>
        <!--/span-->
    </div><!--/row-->
</div><!--/fluid-row-->

</div><!--/.fluid-container-->
<!--buy software starts-->
	<div class="hide">
		<div id="buysoftware">
			<div class="form-group modal-body">
				<img alt="微信" src="${contextPath!}img/weixin.jpg" width="200" height="200"/>
				<img style="float:right" alt="QQ" src="${contextPath!}img/qq.png" width="200" height="200"/>
			</div>
		</div>
	</div>
  <!--buy software ends-->
<!-- external javascript -->

<script src="${contextPath!}bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- library for cookie management -->
<script src="${contextPath!}js/jquery.cookie.js"></script>
<!-- calender plugin -->
<script src='${contextPath!}bower_components/moment/min/moment.min.js'></script>
<script src='${contextPath!}bower_components/fullcalendar/dist/fullcalendar.min.js'></script>
<!-- data table plugin -->
<script src='${contextPath!}js/jquery.dataTables.min.js'></script>

<!-- select or dropdown enhancer -->
<script src="${contextPath!}bower_components/chosen/chosen.jquery.min.js"></script>
<!-- plugin for gallery image view -->
<script src="${contextPath!}bower_components/colorbox/jquery.colorbox-min.js"></script>
<!-- notification plugin -->
<script src="js/jquery.noty.js"></script>
<!-- library for making tables responsive -->
<script src="${contextPath!}bower_components/responsive-tables/responsive-tables.js"></script>
<!-- tour plugin -->
<script src="${contextPath!}bower_components/bootstrap-tour/build/js/bootstrap-tour.min.js"></script>
<!-- star rating plugin -->
<script src="${contextPath!}js/jquery.raty.min.js"></script>
<!-- for iOS style toggle switch -->
<script src="${contextPath!}js/jquery.iphone.toggle.js"></script>
<!-- autogrowing textarea plugin -->
<script src="${contextPath!}js/jquery.autogrow-textarea.js"></script>
<!-- multiple file upload plugin -->
<script src="${contextPath!}js/jquery.uploadify-3.1.min.js"></script>
<!-- history.js for cross-browser state change on ajax -->
<script src="${contextPath!}js/jquery.history.js"></script>
<!-- application script for Charisma demo -->
<script src="${contextPath!}js/charisma.js"></script>
<!-- dialog -->
<script src="${contextPath!}js/jquery.bootstrap.min.js"></script>
<!-- 验证码 -->
<script src="${contextPath!}js/gVerify.js"></script>
<script>
	var verifyCode = new GVerify("v_container");
	
	$("#validate_code_txt").blur(function(){
		verifyCode.validate(this.value);
	});
	
	$("#login_button").click(function(){
			$.post($("#login_form").attr("action"), $("#login_form").serialize(),function(json){
				if(json.code == 0){
					$("#error_msg").removeClass("alert-info").addClass("alert-danger").text(json.msg);
					verifyCode.refresh();
				}else if(json.code == 1){
					$("#error_msg").removeClass("alert-danger").addClass("alert-info").text("请输入账号密码登录.");
					window.location.href = json.msg;
				}
			});
	});
	
	//弹出微信QQ start
	function run3(){
      $("#buysoftware").dialog({
          title:    "请加微信或QQ联系我们"
        , 'class':  "mydialog"  /*add custom class for this dialog*/
        , onClose: function() { $(this).dialog("close"); }
      });
	}
	//弹出微信QQ end
</script>

</body>
</html>
